<template>
    <div>
        <div>
            此处放置标签
        </div>
        <div> 
           <el-space direction="vertical" :size="size">
             <el-card v-for="i in 2" :key="i" class="box-card" style="width: 250px">
               <template #header>
                  <div class="card-header">
                     <span>{{article.atitle}}</span>
                     <el-button class="button" text>点击查看完整信息</el-button>
                  </div>
              </template>
              <div v-for="o in article" :key="o.aid" class="text item">
                   {{ 'List item ' + o }}
              </div>
             </el-card>
            </el-space>
        </div>
    </div>
</template>
<script setup>
import { inject, onMounted, reactive, ref, toRefs,getCurrentInstance} from 'vue'

let article = reactive({
  aid:"",
  atitle:"",
  acontent:"",
  uid:"",
  publishtime:"",
  deleted:""
})
const size = ref(2)
const article1=inject('article')
onMounted(() => {
     article=article1
    })


</script>
<style scoped>

</style>
